<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<meta name="viewport" content="width=device-width,initial-scale=1.0,maximum-scale=1.0,minimum-scale=1.0,user-scalable=0"/>
		<title>视频区</title>
		<link rel="stylesheet" type="text/css" href="bootstrap/css/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/font-awesome-4.7.0/css/font-awesome.min.css"/>
		<script src="jquery/jquery-3.6.0.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="bootstrap/js/bootstrap.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="https://tjs.sjs.sinajs.cn/open/api/js/wb.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<nav class="navbar navbar-default container-fluid" role="navigation">
		    <div class="container-fluid"> 
		    <div class="navbar-header">
		        <button type="button" class="navbar-toggle" data-toggle="collapse"data-target="#example-navbar-collapse">
		            <span class="sr-only">切换导航</span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		            <span class="icon-bar"></span>
		        </button>
		        <a class="navbar-brand" href="#">穿白色衬衣的少年</a>
		    </div>
		    <div class="collapse navbar-collapse" id="example-navbar-collapse">
		       <ul class="nav nav-tabs ">
		       	<li ><a href="index.html"><span class="glyphicon glyphicon-home"></span>首页</a></li>
		       	<li class="active"><a href="video.html"><span class="glyphicon glyphicon-film"></span>视频区</a></li>
		       	<li><a href="music.html"><span class="fa fa-print" aria-hidden="true"></span>综合模块</a></li>
		       	<li><a href="aboutOrarticle.html"><span class="fa fa-book" aria-hidden="true"></span>关于/文章</a></li>
		       </ul>
		    </div>
		    </div>
		</nav>
		<div class="container-fluid">
			<div class="row">
				<div class="panel panel-warning">
					<div class="panel-heading">
						<h2 class="text-center">作者及朋友的B站剪辑视频</h2>
					</div>
					<div class="panel-body">
						<div class="container">
							<div class="row">
								<div class="col-md-3">
									<div class="thumbnail">
										<a href="https://www.bilibili.com/video/BV1Cb4y1z7ax?from=search&seid=6291402609927936839" target="_blank"><img src="img/Weonly.png" ></a>
										<h3>《这世界那么多人》</h3>
										<hr >
										<p>这世界有那么个人活在我飞扬的青春
										在泪水里浸湿过的长吻常让我想啊想出神</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="thumbnail">
										<a href="https://www.bilibili.com/video/BV1Ky4y1L7MZ/?spm_id_from=333.788.videocard.5" target="_blank"><img src="img/shanzhaTree.png" ></a>
										<h3>《山楂树之恋》</h3>
										<hr >
										<p>我的山楂树之恋只有是和你才会纯洁
										可以丢弃我的底线锁定与你的是我视线</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="thumbnail">
										<a href="https://www.bilibili.com/video/BV1ky4y1s7ua"target="_blank"><img src="img/QQ图片20210427125027.jpg" ></a>
										<h3>【配音剧】凤长歌 | 陈钰琪 肖战 </h3>
										<hr >
										<p>这是作者朋友剪辑的作品</p>
									</div>
								</div>
								<div class="col-md-3">
									<div class="thumbnail">
										<a href="https://www.bilibili.com/video/BV1Wb4y1r7N2?from=search&seid=14956929530596199758" target="_blank"><img src="img/泡沫.png" ></a>
										<h3>伪 · 泡沫之夏|陈钰琪 肖战 </h3>
										<hr >
										<p>这是作者朋友剪辑的作品</p>
									</div>
								</div>
							</div>
						</div>
					</div>
					
				</div>
				<div class="row">
					<div class="container-fluid">
						<div class="panel panel-warning">
							<div class="panel-heading text-center">
							<h2 >代码教学视频<a data-toggle="collapse" data-parent="#accordion" href="#collapseOne"><i class="glyphicon glyphicon-search"></i></a></h2>
							</div>
						<div id="collapseOne" class="panel-collapse collapse">
							<div class="panel-body">
							<div class="jumbotron text-center">
							<h2>正在筹备中</h2>
							<p>敬请期待！</p>
							</div>
						</div>
								</div>
							</div>
					</div>
					</div>
				</div>
			</div>
		<div class="container"style="margin-bottom: 0;padding-top: 100px;">
			<div class="row">
				<div class="col-md-12 text-center">
					<p>穿白色衬衣少年的个人网站&copy;个人邮箱：m78lixingyun@gmail.com</p>
				</div>
			</div>
		</div>
	</body>
</html>
